<style>
    .box.box-success {
        border-top-color: #e9ebec;
    }
    .profile-avatar-container {
        position: relative;
        width: 100px;
        margin: 0 auto;
    }

    .profile-avatar-container .profile-user-img {
        width: 100px;
        height: 100px;
    }

    .profile-avatar-container .profile-avatar-text {
        display: none;
    }

    .profile-avatar-container:hover .profile-avatar-text {
        display: block;
        position: absolute;
        height: 100px;
        width: 100px;
        background: #444;
        opacity: .6;
        color: #fff;
        top: 0;
        left: 0;
        line-height: 100px;
        text-align: center;
    }

    .profile-avatar-container button {
        position: absolute;
        top: 0;
        left: 0;
        width: 100px;
        height: 100px;
        opacity: 0;
    }

    .fadeInRight .col-md-4{
        width: 100%;
        /* margin-left: 150px; */
    }

    .col-md-4 .panel-body{
        padding-top: 0px;
    }

    .control-label.col-sm-2{
        padding-left: 0px;
    }

    .form-group{
        width: 100%;
    }
    .control-label{
        width: 15%;
        vertical-align: middle;
        line-height: 30px;
    }
    .form-control{
        width: 70%;
        border-radius: 5px;
    }
    .btn-group.bootstrap-select.show-tick.form-control{
        width: 70%;
    }
    .z-form-row{
        #border-bottom: 1px solid #eeeff2;
        margin-bottom: 20px;
    }

</style>
<style>
    .plans .col-md-3 > h4 {
        height: 24px;
        font-size: 18px;
        color: #57576b;
        margin-top: 27px;
        text-align: left;
        margin-bottom: 7px;
    }

    .plans .dt-only .tip-price {
        padding-top: 6px;
        padding-bottom: 1px;
        margin-bottom: 0;
        line-height: 45px;
        margin-left: -15px;
    }
    .panel-body {
        padding: 15px;
        display: flex;
        flex-wrap: wrap;
    }
    .panel-body .col-md-5 {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .plans .col-md-3 > h6 {
        min-height: 38px;
    }

    .plans .col-md-3 > h6 {
        font-size: 14px;
        line-height: 19px;
        margin-top: 7px;
        text-align: left;
        color: #39394d;
        margin-bottom: 0;
    }

    .tip-price > span > a:link {
        font-size: 32px;
        text-decoration: none;
        color: #2d8cff;
    }

    .top-btn {
        text-align: left;
        margin-left: 35%;
        padding-bottom: 10px;
    }

    .cta-md {
        font-size: 15px;
        min-width: 30%;
    }

    .cta-bgyellow {
        background-color: #fff;
        color: #d14600!important;
        border: 1px solid #f26d21;
        font-weight: 700;
    }
    .cta-forbid {
        background-color: #fff;
        color: #cab5b5!important;
        border: 1px solid #cab5b5;
        font-weight: 700;
    }
    .cta-renew {
        background-color: #fff;
        color: #4bc800!important;
        border: 1px solid #4bc800;
        font-weight: 700;
    }

    .btn-cta, .btn-cta:focus, .btn-cta:hover, .btn-cta:active {
        border-radius: 3px;
        font-weight: 600;
        display: inline-block;
        text-decoration: none;
        margin-bottom: 15px;
        margin-left: 10px;
        margin-right: 10px;
        vertical-align: middle;
        padding: 0 12px;
        text-align: center;
        min-height: 45px;
        padding-top: 10px;
    }

    .plans .detail > p {
        line-height: 20px;
        position: relative;
    }
    .form-line{
        display: flex;
        flex-direction: row;
        line-height: 35px;
    }
    .form-line input{
        margin-right: 5px;
    }

    hgroup .control-label{
        width: 140px;
    }
    hgroup .form-control{
        width: 400px;
    }

</style>
<div class="panel panel-default panel-intro">
    <div class="panel-heading">
        <ul class="nav nav-tabs" data-field="status">
            <li>
                <a href="/admin/sponsor/sponsororder/list" style="cursor: pointer;">
                    举办人订单
                </a>
            </li>
            <li class="active">
                <a href="/admin/sponsor/sponsororder/index" style="cursor: pointer;">计划配置</a>
            </li>
        </ul>
    </div>



    <div class="panel-body">
        <div class="row animated fadeInRight">
            <div class="col-md-offset-1 col-md-10" style="margin-left: 10px;    width: auto">
                <div class=" " style="width: 700px; border-top: 0px solid #d2d6de;">
                    <form id="update-form" role="form" data-toggle="validator" method="POST" action="/admin/sponsor.sponsororder/sponsororderedit">
                        <!--                        <input type="hidden" id="c-avatar" name="row[avatar]" value="/assets/img/vymeet/avatar-2.png"/>-->
                        <input type="hidden" id="c-type" name="type"  value="{$type??''}"  />
                        <div class="box-body box-profile">
                            <div class="z-form-row">
                                <div class="form-group form-line">
                                    <label for="email" class="control-label">计划类型:</label>
                                    {$deition??''}
                                </div>
                                <div class="form-group form-line">
                                    <label for="nickname" class="control-label">计划名称:</label>
                                    <input type="text" class="form-control" id="name" name="row[name]" placeholder="请输入计划名称" value="{$r.name??''}"  data-rule="required"/>
                                </div>
                                <div class="form-group form-line">
                                    <label for="email" class="control-label">简单描述:</label>
                                    <input type="text" class="form-control" id="detail" name="row[detail]"  value="{$r.detail??''}"  placeholder="请输入计划描述"/>
                                </div>
                                <div class="form-group form-line">
                                    <label for="email" class="control-label">详细描述:</label>
                                    <input type="text" class="form-control" id="detailP" name="row[detailP]"  value="{$r.detailP??''}"  placeholder="请输入计划描述"/>
                                </div>


                                <div class="form-group form-line">
                                    <label for="email" class="control-label" style="color: grey">选项设置</label>
                                </div>
                                <hgroup style="border: #dcdcdc solid 1px;padding: 20px;    border-radius: 6px;">
                                    <div class="form-group form-line">
                                        <span><input type="checkbox" name="row[iFangjian]"  {$r.iFangjian==1?'checked':''} value="1" ></span>
                                        <label for="email" class="control-label">房间数:</label>
                                        <input type="text" class="form-control" id="fangjian" name="row[fangjian]"  value="{$r.fangjian??''}" placeholder="请输入房间数"/>间
                                    </div>
                                    <div class="form-group form-line">
                                        <span><input type="checkbox" name="row[iZuigao]"   {$r.iZuigao==1?'checked':''} value="1" ></span>
                                        <label for="email" class="control-label">单个活动最高用户数:</label>
                                        <input type="text" class="form-control" id="zuigao" name="row[zuigao]"  value="{$r.zuigao??''}" placeholder="请输入用户数"/>人
                                    </div>
                                    <div class="form-group form-line">
                                        <span><input type="checkbox" name="row[iFreeHours]"   {$r.iFreeHours==1?'checked':''} value="1" ></span>
                                        <label for="email" class="control-label">免费时间:</label>
                                        <input type="text" class="form-control" id="freeHours" name="row[freeHours]"  value="{$r.freeHours??''}" placeholder="请输入免费时长"/>小时
                                    </div>
                                    <div class="form-group form-line">
                                        <span><input type="checkbox" name="row[iDange]"  {$r.iDange==1?'checked':''} value="1" ></span>
                                        <label for="email" class="control-label">单个活动时长:</label>
                                        <input type="text" class="form-control" id="dange" name="row[dange]" value="{$r.dange??''}"  placeholder="请输入单个时长"/>分钟
                                    </div>
                                    <div class="form-group form-line">
                                        <!--<span><input type="checkbox" name="row[iFreeHours]"   {$r.iFreeHours==1?'checked':''} value="1" ></span>-->
                                        <span style="color:#8b0000;font-size: 19px; margin-right: 10px;">*</span>
                                        <input type="hidden" name="row[iYearFee]"  value="1" >
                                        <label for="email" class="control-label">年费:</label>
                                        <input type="text" class="form-control" id="yearFee" name="row[yearFee]" value="{$r.yearFee??''}"  placeholder="请输入年费"/>元/年
                                    </div>
                                    <div class="form-group form-line">
                                        <span><input type="checkbox" name="row[iQuarterFee]"  {$r.iQuarterFee==1?'checked':''} value="1" ></span>
                                        <label for="email" class="control-label">季费:</label>
                                        <input type="text" class="form-control" id="quarterFee" name="row[quarterFee]" value="{$r.quarterFee??''}"  placeholder="请输入季费"/>元/季
                                    </div>
                                    <div class="form-group form-line">
                                        <span><input type="checkbox" name="row[iMonthFee]"  {$r.iMonthFee==1?'checked':''} value="1" ></span>
                                        <label for="email" class="control-label">月费:</label>
                                        <input type="text" class="form-control" id="monthFee" name="row[monthFee]" value="{$r.monthFee??''}"  placeholder="请输入月费"/>元/月
                                    </div>
                                    <div class="form-group form-line">
                                        <span><input type="checkbox" name="row[iLiuliangPrice]"  {$r.iLiuliangPrice==1?'checked':''} value="1" ></span>
                                        <label for="email" class="control-label">流量费用:</label>
                                        <input type="text" class="form-control" id="liuliangPrice" name="row[liuliangPrice]" value="{$r.liuliangPrice??''}"  placeholder="请输入单价"/>元/小时/人
                                    </div>
                                    <div class="form-group form-line">
                                        <span></span>
                                        <label for="email" class="control-label"></label>
                                        <input type="text" style="margin-left:20px" class="form-control" id="liuliangNum" name="row[liuliangNum]" value="{$r.liuliangNum??''}"  placeholder="流量最低起购个数"/>个
                                    </div>
                                </hgroup>


                                <div class="form-group" style="text-align: center;margin-top: 20px;">
                                    <button type="reset" class="btn btn-default" style="width: 100px;">重置</button>
                                    <button type="submit" class="btn btn-success" style="background-color: cornflowerblue;margin-left: 20px;width: 100px;">保存</button>

                                </div>

                            </div>
                    </form>

                </div>
            </div>
        </div>
    </div>
</div>